@charset "utf-8";
@import "common/common";
.custons {
//       display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    .custons_bg {
        width: 100%;
        height: 100%;
        //  position: absolute;
        img {
            width: 100%;
            height: 100%;
        }
    }
    .custons_logo {
        position: absolute;
        top: 1rem;
        right: -4.5rem;
        img {
            width: 50%;
        }
    }
    .custons_one {
        position: absolute;
        top: 5.6rem;
    left: 1.5rem;
        animation: one 1s linear;
        animation-fill-mode: forwards;
        animation-name: bounceInLeft;
        z-index: 1;
        img {
            width: 50%;
        }
    }
    .custons_two {
        position: absolute;
        top: 9.5rem;
    left: 1.5rem;
     z-index: 1;
        animation: two 2s linear;
        animation-fill-mode: forwards;
        animation-name: bounceInLeft;
        img {
            width: 50%;
        }
    }
    .custons_three {
        position: absolute;
            top: 13.5rem;
    left: 1.5rem;
        z-index: 1;
        animation: three 2.5s linear;
        animation-fill-mode: forwards;
        animation-name: bounceInLeft;
        img {
            width: 50%;
        }
    }
    .custons_figure {
        position: absolute;
            top: 7rem;
    left: -4rem;    
        animation: figure 1.5s linear;
        animation-fill-mode: forwards;
        animation-name: bounceInRight;
        img {
            width: 100%;
        }
    }
    .custons_pai {
        position: absolute;
        bottom: 7rem;
    right: -9rem;
     z-index: 1;
        animation: pai 1s linear;
        animation-fill-mode: forwards;
        animation-name: bounceInRight;
        img {
            width: 50%;
        }
    }
    .custons_xuan {
        position: absolute;
        bottom: 3rem;
    right: -9rem;
     z-index: 1;
        animation: xuan 2s linear;
        animation-fill-mode: forwards;
        animation-name: bounceInRight;
        img {
            width: 50%;
        }
    }
}
